*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
body{
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;

}
body h2{
    position: relative;
    font-size: 6.5em;
    color: #a4b0be;
}
h2::after{
    content: attr(data-spotlight);
    position: absolute;
    top: 0;
    left: 0;
    -webkit-clip-path: ellipse(100px 100px at 0% 50%);
    clip-path: ellipse(100px 100px at 0% 50%);
    background: url(../imgs/03.jpg);
    background-position: center center;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    animation:  animate 5s linear infinite;
}
@keyframes animate {
    0%{
        -webkit-clip-path: ellipse(100px 100px at 0% 50%);
        clip-path: ellipse(100px 100px at 0% 50%);
    }
    50%{
        -webkit-clip-path: ellipse(100px 100px at 100% 50%);
        clip-path: ellipse(100px 100px at 100% 50%);
    }
    100%{
        -webkit-clip-path: ellipse(100px 100px at 0% 50%);
        clip-path: ellipse(100px 100px at 0% 50%);
    }
}


